<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script src="scripts/jquery.cookie.js"></script>
        <script>
            $(function(){
                $("#txtName").val($.cookie('Cname'));
                $.removeCookie('Cname');
                $('#txtemail').val($.cookie('Cemail'));
                $.removeCookie('Cemail');
            })
        </script>
    </head>
    <body>
        <form method="POST" action="create-user">
        <div>
            <table>
                <tr>
                    <td>Name:</td>
                    <td><input id="txtName" type="text" name="name"></td>
                </tr>
                <tr>
                    <td>Country:</td>
                    <td><select name="countries">
                            <option value="Singapore">Singapore</option>
                            <option value="Malaysia">Malaysia</option>
                        </select></td>
                </tr>
                <tr>
                    <td>Email:</td>
                    <td><input id="txtemail" type="text" name="email"/></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="checkbox" name="receive_newsletter">Receive Newsletter</td>                    
                </tr>
                <tr>
                    <td>Topics:</td>
                    <td>
                        <input name="food" type="checkbox" value="Food">Food
                        <input name="movies" type="checkbox" value="Movies" >Movies
                        <input name="sports" type="checkbox" value="Sports" >Sports
                    </td>
                </tr>
                <tr>
                    <td>Gender:</td>
                    <td>
                        <input name="gender" type="radio" value="male">Male
                        <input name="gender" type="radio" value="female">Female
                        <input name="gender" type="radio" value="decline">Decline
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="submit" name="btnsubmit" value="Submit">
                        <input type="submit" name="btnsave" value="Save">
                    </td>
                </tr>
            </table>
        </div>
            </form>
    </body>
</html>
